<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="../css/order.css">
<link rel="stylesheet" href="../fonts/font_sca8k7g791r/iconfont.css">
<link rel="stylesheet" href="../fonts/font_58wl1f2zr4j/iconfont.css">
<script src="../js/jquery-3.6.0.js"></script>
<link rel="stylesheet" href="../fonts/font_3338310_o0ggw2oq8mm/iconfont.css">
<link rel="stylesheet" href="../fonts/font_t9lx61nfif/iconfont.css">
<link rel="stylesheet" href="../fonts/font_0udkeoxccmi/iconfont.css">
<link rel="stylesheet" href="../fonts/font_5fjkirtdler/iconfont.css">
<link rel="stylesheet" href="../fonts/font_1eg6hhy0f66/iconfont.css">
<link rel="stylesheet" href="../fonts/font_rhj0b91xga/iconfont.css">
<link rel="stylesheet" href="../fonts/font_ihdmwz7wimq/iconfont.css">
<link rel="stylesheet" href="../fonts/font_k048tj6y0x/iconfont.css">
<link rel="stylesheet" href="../fonts/font_ktjznk88kw/iconfont.css">
<link rel="stylesheet" href="../fonts/font_19tr2764u7a/iconfont.css">
<link rel="stylesheet" href="../fonts/font_u68198zf2wm/iconfont.css">
<link rel="stylesheet" href="../css/public2.css">

<body>
  <!-- @author:徐名彩
@Date:2022-4-22 14:41 -->
  <div class="header">
    <!-- <div class="head_1390"> -->
    <!-- 左边的大商创logo图 -->
    <!-- 头部左边的部分 -->
    <div class="logo" id="beautiful">
      <a href="./index.html">
        <img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif">
      </a>
    </div>

    <!-- 头部右边的部分 -->
    <!-- 从左边的郑州市到右边的我的购物的 -->
    <div class="header_right">
      <!-- 郑州市那一行的导航栏  -->


      <div class="nav_site">


        <!-- 左边的郑州市 -->
        <div class="nav_left" id="nav_left1">
          <!-- 郑州市地图导航 -->
          <div class="city_choice">
            <i class="iconfont icon-ditu-dibiao"></i>
            <span>郑州市</span>

            <!-- 最难的地图 -->

            <div class="map" id="index_6">

              <div class="white_cover3"></div>



              <div class="city_map">
                <a href="#" class="block_a">苏州市</a>
                <a href="#" class="block_a">北京市</a>
                <a href="#" class="block_a">天津市</a>
                <a href="#" class="block_a">上海市</a>
              </div>
              <div class="english_words">
                <a href="#">A</a>
                <a href="#">B</a>
                <a href="#">C</a>
                <a href="#">D</a>
                <a href="#">E</a>
                <a href="#">F</a>
                <a href="#">G</a>
                <a href="#">H</a>
                <a href="#">I</a>
                <a href="#">J</a>
                <a href="#">K</a>
                <a href="#">L</a>
                <a href="#">M</a>
                <a href="#">N</a>
                <a href="#">O</a>
                <a href="#">P</a>
                <a href="#">Q</a>
                <a href="#">R</a>
                <a href="#">S</a>
                <a href="#">T</a>
                <a href="#">U</a>
                <a href="#">V</a>
                <a href="#">W</a>
                <a href="#">X</a>
                <a href="#">Y</a>
                <a href="#">Z</a>
              </div>
              <!-- 市区选择 -->
              <ul class="downtown_choice">
                <li class="list">
                  <em>A</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>B</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>C</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>D</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>E</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>F</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>G</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>H</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>I</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>J</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>K</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>L</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>M</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>N</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>O</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>P</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>Q</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>R</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>S</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>T</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>U</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>V</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>W</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>X</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>Y</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
                <li class="list">
                  <em>Z</em>
                  <div class="downtown">
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                    <a href="#">美国市</a>
                  </div>
                </li>
              </ul>
            </div>





          </div>
          <!-- 登录注册页面 -->
          <div class="txt_info">
            <!-- 登录界面 -->
            <a href="login.html" class="login_red">请登录</a>
            <!-- 注册页面 -->
            <a href="register.html" class="regist">免费注册</a>
            <span class="lyes" style="line-height:25px;font-size:12px; width: 150px;display:none;">Hi， 1raOit-77035</span>
          </div>
        </div>
        <!-- 导航栏的我的订单那一行 我的订单 我的浏览等 -->
        <ul class="nav_right">
          <li>
            <a href="./my order.html">
              我的订单
            </a>
          </li>
          <!-- 这给是中间的竖线 -->
          <li class="spacer"></li>
          <li>
            <a href="#">
              我的浏览
            </a>
          </li>
          <li class="spacer" id="spacer2"></li>
          <li>
            <a href="./shoucang.html">
              我的收藏
            </a>
          </li>
          <li class="spacer"></li>
          <li>
            <a href="./order.html">
              客户服务
            </a>
          </li>
          <li class="spacer"></li>
          <!-- 网站导航 -->
          <li id="last_right_li">网站导航
            <i class="iconfont icon-arrow-down"></i>
            <!-- 网站导航下的耳机导航 -->
            <div class="website_nav">

              <div class="white_cover1"></div>
              <dl>
                <dt>
                  特色主题
                </dt>
                <dd>
                  <a href="#">家用电器</a>
                  <a href="#">男装女装</a>
                  <a href="#">鞋靴箱包</a>
                </dd>
              </dl>
              <div id="promotion">
                <h3>促销活动</h3>
                <div class="promotion_act">
                  <ul>
                    <li>
                      <a href="#">拍卖活动</a>
                    </li>
                    <li>
                      <a href="#">CMS促销</a>
                    </li>
                    <li>
                      <a href="#">优惠券</a>
                    </li>
                  </ul>
                  <ul>
                    <li>
                      <a href="#">拍卖活动</a>
                    </li>
                    <li>
                      <a href="#">CMS促销</a>
                    </li>
                    <li>
                      <a href="#">优惠券</a>
                    </li>
                  </ul>
                  <ul>
                    <li>
                      <a href="#">拍卖活动</a>
                    </li>
                    <li>
                      <a href="#">CMS促销</a>
                    </li>
                    <li>
                      <a href="#">优惠券</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <!-- 商品搜索框部分  搜商品 搜店铺 -->
      <div class="shop_search">
        <form action="" method="get">
          <input type="text" placeholder="周大福" class="search_inp">
          <button class="search_shop">搜商品</button>
          <button class="search_store">搜店铺</button>
        </form>
        <span>
          <a href="#">周大福</a>
          <a href="#">内衣</a>
          <a href="#">Five Plus</a>
          <a href="#">手机</a>
        </span>
      </div>
      <!-- 我的购物车 -->
      <div class="shop_car">
        <!-- 购物车链接   点击跳转-->
        <a href="./cart.html" class="car_click">
          <i class="zi1 iconfont icon-gouwuche"></i>
          <span>我的购物车</span>
          <div class="o">0</div>
        </a>
        <div class="shop_car_top">
          <!-- 没商品时 -->
          <div class="shop_car_content">
            <div class="buy_left">
              <img src="../images/index/cart-nogoods.png" alt="">
            </div>
            <div class="buy_right">
              <strong>购物车中还没有商品，赶紧选购吧！</strong>
            </div>
          </div>
          <!-- 白线盖住下边框 -->
          <div class="white_cover"></div>
        </div>
      </div>
      <!-- </div> -->
      <!-- 1390? -->
    </div>
  </div>
  <div class="nav">
    <!-- 红色全部商品分类 -->
    <div class="all_shop">
      <a href="#" class="a_white">全部商品分类</a>

      <!-- 家用电器的·二级导航 -->
      <div class="tab_content">
        <div class="categorys_item">
          <i class="iconfont icon-dianshiji"></i>
          <div class="category_title">
            <a href="#">家用电器</a><br>
            <span>
              <a href="#">厨房电器</a>
              <a href="#">大家电</a>
            </span>
          </div>
          <!-- 二级导航 -->
          <div class="shop_layer" id="shop_layer2">
            <div class="shop_layer_left">
              <a href="#" class="category_php">品牌日</a>
              <a href="#" class="category_php">家电城</a>
              <a href="#" class="category_php">智能生活管</a>
              <a href="#" class="category_php">京东净化官</a>
              <a href="#" class="category_php">京东帮服务站</a>
              <a href="#" class="category_php">者的买精选</a>
              <dl>
                <dt>
                  <a href="#">厨房电器</a>
                </dt>
                <dd>
                  <a href="#">电饭煲</a>
                  <a href="#">电压力锅</a>
                  <a href="#">豆浆机</a>
                  <a href="#">面包机</a>
                  <a href="#">咖啡机</a>
                  <a href="#">微波炉</a>
                  <a href="#">料理/榨汁机</a>
                  <a href="#">电烤箱</a>
                  <a href="#">电磁炉</a>


                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">大家电</a>
                </dt>
                <dd>
                  <a href="#">平板电视</a>
                  <a href="#">空调</a>
                  <a href="#">冰箱</a>
                  <a href="#">洗衣机</a>
                  <a href="#">家庭影院</a>
                  <a href="#">DVD</a>
                  <a href="#">迷你音响</a>
                  <a href="#">热水器</a>
                  <a href="#">冰柜</a>

                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">个护健康</a>
                </dt>
                <dd>
                  <a href="#">按摩椅</a>
                  <a href="#">剃须刀</a>
                  <a href="#">脱毛器</a>
                  <a href="#">口腔护理</a>
                  <a href="#">理发器</a>
                  <a href="#">按摩器</a>
                  <a href="#">足浴盆</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">五金家装</a>
                </dt>
                <dd>
                  <a href="#">电动工具</a>
                  <a href="#">仪表</a>
                  <a href="#">水槽</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">生活电器</a>
                </dt>
                <dd>
                  <a href="#">电风扇</a>
                  <a href="#">冷风扇</a>
                  <a href="#">净化器</a>
                  <a href="#">加湿器</a>
                  <a href="#">扫地机器人</a>
                  <a href="#">吸尘器</a>
                  <a href="#">电话机</a>
                  <a href="#">饮水机</a>
                  <a href="#">取暖电器</a>

                </dd>
              </dl>

            </div>
            <div class="shop_layer_right">
              <ul>
                <li>
                  <a href="#">
                    <img src="../images/index/c1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>

                <li>
                  <a href="#">
                    <img src="../images/index/a2.jpg">
                  </a>
                </li>
              </ul>
            </div>

          </div>
        </div>
        <div class="categorys_item">
          <i class="iconfont icon-clothes"></i>
          <div class="category_title">
            <a href="#">男装、女装、内衣</a><br>
            <span>
              <a href="#">女装</a>
              &nbsp;
              <a href="#">男装</a>
            </span>
          </div>

          <div class="shop_layer" id="shop_layer2">
            <div class="shop_layer_left">
              <a href="#" class="category_php">男装</a>
              <a href="#" class="category_php">女装</a>
              <a href="#" class="category_php">内衣</a>
              <a href="#" class="category_php">国际品牌</a>

              <dl>
                <dt>
                  <a href="#">女装</a>
                </dt>
                <dd>
                  <a href="#">连衣裙</a>
                  <a href="#">雷斯/雪纺衫</a>
                  <a href="#">T恤</a>
                  <a href="#">半身裙</a>
                  <a href="#">休闲裤/</a>
                  <a href="#">短裤</a>
                  <a href="#">小西服/</a>
                  <a href="#">风衣</a>

                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">男装</a>
                </dt>
                <dd>
                  <a href="#">T恤</a>
                  <a href="#">裤子</a>
                  <a href="#">休闲裤</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">服装配件</a>
                </dt>
                <dd>
                  <a href="#">配饰</a>
                  <a href="#">棒球棒</a>
                  <a href="#">遮阳帽</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">内衣</a>
                </dt>
                <dd>
                  <a href="#">内衣配饰</a>
                  <a href="#">女士内裤</a>
                  <a href="#">连体袜/丝袜</a>

                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">运动户外</a>
                </dt>
                <dd>
                  <a href="#">跑步运动</a>
                  <a href="#">舞蹈运动</a>
                  <a href="#">瑜伽运动</a>

                </dd>
              </dl>

            </div>
            <div class="shop_layer_right">
              <ul>
                <li>
                  <a href="#">
                    <img src="../images/index/l7.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/l8.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/l8.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/l9.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/l7.jpg" width="98px" height="43px">
                  </a>
                </li>

                <li>
                  <a href="#">
                    <img src="../images/index/l9.jpg">
                  </a>
                </li>
              </ul>
            </div>

          </div>

        </div>
        <div class="categorys_item">
          <i class="iconfont icon-tubiao_xiezi"></i>
          <div class="category_title">
            <a href="#">
              鞋靴、箱包、钟表、奢侈品</a><br>
            <span>
              <a href="#">奢饰品</a>
              <a href="#">功能箱包</a>
            </span>
          </div>



          <div class="shop_layer" id="shop_layer2">
            <div class="shop_layer_left">
              <a href="#" class="category_php">男鞋</a>
              <a href="#" class="category_php">女鞋</a>
              <a href="#" class="category_php">箱包</a>
              <a href="#" class="category_php">中标</a>
              <a href="#" class="category_php">奢饰品</a>
              <a href="#" class="category_php">女包</a>
              <dl>
                <dt>
                  <a href="#">奢饰品</a>
                </dt>
                <dd>
                  <a href="#">箱包</a>
                  <a href="#">服饰</a>
                  <a href="#">腰带</a>

                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">功能箱包</a>
                </dt>
                <dd>
                  <a href="#">拉杆箱/拉杆包</a>
                  <a href="#">旅行包</a>
                  <a href="#">旅行配件</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">流行男鞋</a>
                </dt>
                <dd>
                  <a href="#">休闲鞋</a>
                  <a href="#">增高鞋</a>
                  <a href="#">定制鞋</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">时尚女鞋</a>
                </dt>
                <dd>
                  <a href="#">高跟鞋</a>
                  <a href="#">板鞋</a>
                  <a href="#">单鞋</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">潮流女包</a>
                </dt>
                <dd>
                  <a href="#">手提包</a>

                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">精品男包</a>
                </dt>
                <dd>
                  <a href="#">钱包/卡包</a>

                </dd>
              </dl>
            </div>
            <div class="shop_layer_right">
              <ul>
                <li>
                  <a href="#">
                    <img src="../images/index/c1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>

                <li>
                  <a href="#">
                    <img src="../images/index/a2.jpg">
                  </a>
                </li>
              </ul>
            </div>

          </div>


        </div>
        <div class="categorys_item">
          <i class="iconfont icon-zhaoxiangji"></i>
          <div class="category_title">
            <a href="#">手机</a>
            <a href="#">数码</a>
            <a href="#">通信</a>
            <br>
            <span>
              <a href="#">摄影摄像</a>
              <a href="#">手机通讯</a>
            </span>
          </div>



          <div class="shop_layer">
            <div class="shop_layer_left">
              <a href="#" class="category_php">手机频道</a>
              <a href="#" class="category_php">网上营业厅</a>
              <a href="#" class="category_php">配件成</a>
              <a href="#" class="category_php">影像Club</a>
              <a href="#" class="category_php">手机社区</a>
              <a href="#" class="category_php">已旧换新</a>
              <dl>
                <dt>
                  <a href="#">摄影摄像</a>
                </dt>
                <dd>
                  <a href="#">数码相机</a>
                  <a href="#">单反相机</a>
                  <a href="#">运动相机</a>
                  <a href="#">摄像机</a>
                  <a href="#">摄影器材</a>
                  <a href="#">台式机</a>

                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">手机通讯</a>
                </dt>
                <dd>
                  <a href="#">手机</a>
                  <a href="#">对讲机</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">手机配件</a>
                </dt>
                <dd>
                  <a href="#">蓝牙耳机</a>
                  <a href="#">保护套</a>
                  <a href="#">车载</a>
                </dd>
              </dl>
            </div>
            <div class="shop_layer_right">
              <ul>
                <li>
                  <a href="#">
                    <img src="../images/index/c1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/c9.jpg">
                  </a>
                </li>
              </ul>
            </div>

          </div>

        </div>
        <div class="categorys_item">
          <i class="iconfont icon-diannao"></i>
          <div class="category_title">
            <a href="#">
              电脑、办公</a><br>
            <span>
              <a href="#">电脑整机</a>
              <a href="#">电脑配件</a>
            </span>
          </div>

          <div class="shop_layer">
            <div class="shop_layer_left">
              <a href="#" class="category_php">本周热卖</a>
              <a href="#" class="category_php">游戏部落</a>
              <a href="#" class="category_php">智能社区</a>
              <a href="#" class="category_php">GAME+</a>
              <a href="#" class="category_php">装机大师</a>
              <a href="#" class="category_php">办公生活管</a>
              <dl>
                <dt>
                  <a href="#">电脑整机</a>
                </dt>
                <dd>
                  <a href="#">笔记本</a>
                  <a href="#">超极本</a>
                  <a href="#">游戏本</a>
                  <a href="#">平板电脑</a>
                  <a href="#">平板电脑配件</a>
                  <a href="#">台式机</a>

                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">电脑配件</a>
                </dt>
                <dd>
                  <a href="#">硬盘</a>
                  <a href="#">机箱</a>
                  <a href="#">显示器</a>
                  <a href="#">组装电脑</a>
                </dd>
              </dl>
            </div>
            <div class="shop_layer_right">
              <ul>
                <li>
                  <a href="#">
                    <img src="../images/index/a1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/113_P_1598898512975.png" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/a2.jpg">
                  </a>
                </li>
              </ul>
            </div>

          </div>

        </div>
        <div class="categorys_item">
          <i class="iconfont icon-chuang"></i>
          <div class="category_title">
            <a href="#">家居、家具、家装、厨具</a><br>
            <span>
              <a href="#">家具</a>
              <a href="#">厨具</a>
            </span>
          </div>


          <div class="shop_layer">
            <div class="shop_layer_left">
              <a href="#" class="category_php">家装城</a>
              <a href="#" class="category_php">居家日用</a>
              <a href="#" class="category_php">精品家居</a>
              <a href="#" class="category_php">家装建材</a>
              <a href="#" class="category_php">厨房设备</a>
              <a href="#" class="category_php">猫猫狗狗</a>
              <dl>
                <dt>
                  <a href="#">家具</a>
                </dt>
                <dd>
                  <a href="#">卧室家具</a>
                  <a href="#">客厅家具</a>
                  <a href="#">书房家具</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">厨具</a>
                </dt>
                <dd>
                  <a href="#">烹饪锅具</a>
                  <a href="#">刀剑菜板</a>
                  <a href="#">厨房配件</a>
                  <a href="#">餐具</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">家纺</a>
                </dt>
                <dd>
                  <a href="#">床品套件</a>
                  <a href="#">被子</a>
                  <a href="#">床单被罩</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">生活用品</a>
                </dt>
                <dd>
                  <a href="#">浴室用品</a>
                  <a href="#">缝纫/针织用品</a>

                </dd>
              </dl>
            </div>
            <div class="shop_layer_right">
              <ul>
                <li>
                  <a href="#">
                    <img src="../images/index/pic1.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic3.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic4.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic5.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic6.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic7.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic2.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/pic8.jpg">
                  </a>
                </li>
              </ul>
            </div>

          </div>

        </div>
        <div class="categorys_item">
          <i class="iconfont icon-hufupin"></i>
          <div class="category_title">
            <a href="#">个人化妆、清洁用品</a><br>
            <span>
              <a href="#">面部护肤</a>
              <a href="#">洗发护发</a>
            </span>
          </div>

          <div class="shop_layer">
            <div class="shop_layer_left">
              <a href="#" class="category_php">清洁用品</a>
              <a href="#" class="category_php">美妆商城</a>
              <a href="#" class="category_php">官方旗舰店</a>
              <a href="#" class="category_php">美妆特卖</a>
              <a href="#" class="category_php">妆比社</a>
              <a href="#" class="category_php">全球购美妆</a>
              <dl>
                <dt>
                  <a href="#">面部护肤</a>
                </dt>
                <dd>
                  <a href="#">清洁</a>
                  <a href="#">洗面奶</a>
                  <a href="#">卸妆水</a>
                  <a href="#">爽肤水</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">洗发护发</a>
                </dt>
                <dd>
                  <a href="#">洗发</a>
                  <a href="#">染发</a>
                  <a href="#">造型</a>
                </dd>
              </dl>
              <dl>
                <dt>
                  <a href="#">香水彩妆</a>
                </dt>
                <dd>
                  <a href="#">底妆</a>
                  <a href="#">腮红</a>
                  <a href="#">眼部</a>
                  <a href="#">彩妆套装</a>
                  <a href="#">双眼皮贴</a>
                  <a href="#">气垫BB</a>
                </dd>
              </dl>
            </div>
            <div class="shop_layer_right">
              <ul>
                <li>
                  <a href="#">
                    <img src="../images/index/1490072677495061584.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/1490072685002270742.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/1490072931218635674.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/1490073240845049320.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/1490073930435480283.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/1490073930435480283.jpg" width="98px" height="43px">
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../images/index/1490847656340816332.jpg">
                  </a>
                </li>
              </ul>
            </div>

          </div>

        </div>
      </div>
    </div>
    <!-- 首页 个护美妆  服装城等-->
    <ul class="nav_main" style="background:#fff;">
      <li>
        <a href="./index.html" id="a_red">首页</a>
      </li>
      <li> <a href="./cosmetics.html">个护美妆</a>
      </li>
      <li>
        <a href="./clothing.html">服装城</a>
      </li>
      <li>
        <a href="./household.html">家用电器</a>
      </li>
      <li>
        <a href="./shoes.html">鞋靴箱包</a>
      </li>
      <li>
        <a href="./cost.html">聚划算</a>
      </li>
      <li>
        <a href="./sale.html">预售</a>
      </li>
      <li>
        <a href="./shop.html">店铺街</a>
      </li>
      <li>
        <a href="./brand.html">品牌专区</a>
      </li>
      <li>
        <a href="./notice.html">公告</a>
      </li>
    </ul>
  </div>
  <div class="main">
    <div class="order-side">
      <div class="order-ltop">
        <div class="logo1">
          <img src="../images/order/1 -logo.jpg">
        </div>
        <div class="text">
          <div>1raOit-77035</div>
          <p>王者</p>
        </div>
      </div>
      <ul class="list">
        <li>
          <i class="iconfont icon-jiahaozhankai"></i>
          <a>订单中心</a>
          <div class="list2">
            <p><a>我的订单</a></p>
            <p><a>收货地址</a></p>
            <p><a>缺货地址</a></p>
            <p><a>退换货订单</a></p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-jiahaozhankai"></i><a>会员中心</a>
          <div class="list2">
            <p><a>用户信息</a></p>
            <p><a>账户安全</a></p>
            <p><a>账户绑定</a></p>
            <p><a>我的众筹</a></p>
            <p><a>收藏/关注</a></p>
            <p><a>我的留言</a></p>
            <p><a>消息通知</a></p>
            <p><a>分销推荐</a></p>
            <p><a>我的评价</a></p>
            <p><a>我的提货</a></p>
            <p><a>交易纠纷</a></p>
            <p><a>我的发票</a></p>
            <p><a>违规举报</a></p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-jiahaozhankai"></i><a>账户中心</a>
          <div class="list2">
            <p><a>我的红包</a></p>
            <p><a>我的储值卡</a></p>
            <p><a>我的优惠券</a></p>
            <p><a>跟踪包裹</a></p>
            <p><a>资金管理</a></p>
            <p><a>我的白条</a></p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-jiahaozhankai"></i><a>活动中心</a>
          <div class="list2">
            <p><a>拍卖活动</a></p>
            <p><a>夺宝奇兵</a></p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-jiahaozhankai"></i><a>批发中心</a>
          <div class="list2">
            <p><a>我的采购单</a></p>
            <p><a>采购退货单</a></p>
            <p><a>我的求购单</a></p>
          </div>
        </li>
      </ul>

    </div>

    <div class="order-main">
      <div class="om_tit">
        <h2>意见建议</h2>
      </div>
      <div class="om_messige">
        <form>
          <div class="item">
            <div class="item_lf">
              <i class="red">*</i>留言类型：
            </div>
            <div class="item_rg">
              <div class="value">
                <input type="radio" name="type" id="liuyan">
                <label for="liuyan" id="liuyan" class="active">留言</label>
              </div>
              <div class="value">
                <input type="radio" name="type" id="tousu">
                <label for="tousu" id="liuyan">投诉</label>
              </div>
              <div class="value">
                <input type="radio" name="type" id="xunwen">
                <label for="xunwen" id="liuyan">询问</label>
              </div>
              <div class="value">
                <input type="radio" name="type" id="shouhou">
                <label for="shouhou" id="liuyan">售后</label>
              </div>
              <div class="value">
                <input type="radio" name="type" id="qiugou">
                <label for="qiugou" id="liuyan">求购</label>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="item_lf">
              <i class="red">*</i>留言主题：
            </div>
            <div class="item_rg">
              <input type="text" class="zhuti">
            </div>
          </div>
          <div class="item">
            <div class="item_lf">
              <i class="red">*</i>留言内容：
            </div>
            <div class="item_rg">
              <input type="textarea" class="neirong">
            </div>
          </div>
          <div class="item">
            <div class="item_lf">
              <!-- <i class="red">*</i>留言内容： -->
            </div>
            <div class="item_rg">
              <div class="wenjian">
                <input type="button" class="file" value="选择文件">
                <!-- <button class="file">选择文件</button> -->
              </div>
              <span>仅支持gif、jpg、png、word、excel、txt、zip、ppt、pdf ，附件大小不得超过64KB。</span>
            </div>
          </div>
          <div class="item">
            <div class="item_lf">
              <i class="red">*</i>验证码：
            </div>
            <div class="item_rg">
              <div class="yanzheng">
                <input type="text">
                <img src="../images/order/1.png" alt="">
              </div>
            </div>
          </div>
          <div class="item items">
            <div class="item_lf">
              <!-- <i class="red">*</i>验证码： -->
            </div>
            <div class="item_rg">
              <div class="btn">
                <button>提交</button>
              </div>
            </div>
          </div>
        </form>

      </div>




      <div class="om_tit">
        <h2>留言</h2>
        <ul>
          <li class="lis">
            <a href="javascript:;" class="liuyan on">普通留言</a>
          </li>
          <li class="lis">
            <a href="javascript:;" class="liuyan">订单留言</a>
          </li>
        </ul>
      </div>

      <div class="message_list mlblock">
        <i></i>
        <div class="ml_txt">暂无数据-普通留言</div>
      </div>
      <div class="message_list">
        <i></i>
        <div class="ml_txt">暂无数据-订单留言</div>
      </div>
    </div>
  </div>
  <div class="footer">
    <!-- 底部七天包退那行 -->
    <div class="footer_top">
      <!-- 版心 -->
      <div class="footer_top_banner">
        <!-- 左边七天包退到权威荣誉 -->
        <ul>
          <li>
            <i class="spirit_pic1"></i>
            <span>七天包退</span>
          </li>
          <li>
            <i class="spirit_pic1 spirit_pic2"></i>
            <span>正品保障</span>
          </li>
          <li>
            <i class="spirit_pic1 spirit_pic3"></i>
            <span>好评如潮</span>
          </li>

          <li>
            <i class="spirit_pic1 spirit_pic4"></i>
            <span>闪电发货</span>
          </li>
          <li>
            <i class="spirit_pic1 spirit_pic5"></i>
            <span>权威荣誉</span>
          </li>
        </ul>
        <!-- 电话咨询客服 -->
        <div>
          <div class="tel_pic">
            <i class="spirit_pic1 spirit_pic6"></i>
            <span>4001-021-758</span>
          </div>
          <div class="counsel_pic">
            <i class="spirit_pic1 spirit_pic7"></i>
            <span> <a href="#">客服咨询</a> </span>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部中间新手上路 -->
    <div class="footer_con">
      <!-- 中间的版心 -->
      <div class="footer_con_banner">
        <!-- 新手上路到会员中心 -->
        <div class="help_list">
          <!-- 新手上路 -->
          <div class="help_item">
            <h3>新手上路</h3>
            <ul>
              <li>
                <a href="javascript:;">
                  售后流程
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  购物流程
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  订购方式
                </a>
              </li>
            </ul>
          </div>
          <!-- 配送与支付 -->
          <div class="help_item">
            <h3>配从与支付</h3>
            <ul>
              <li>
                <a href="javascript:;">
                  货到付款区域
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  配送支付智能查询
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  支付方式说明
                </a>
              </li>
            </ul>
          </div>
          <!-- 服务保证 -->
          <div class="help_item">
            <h3>服务保证</h3>
            <ul>
              <li>
                <a href="javascript:;">
                  退换货原则
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  售后服务保证
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  产品质量保证
                </a>
              </li>
            </ul>
          </div>
          <!-- 练系我们 -->
          <div class="help_item">
            <h3>联系我们</h3>
            <ul>
              <li>
                <a href="javascript:;">
                  网站故障报告
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  选机咨询
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  投诉与建议
                </a>
              </li>
            </ul>
          </div>
          <!-- 会员中心 -->
          <div class="help_item">
            <h3>会员中心</h3>
            <ul>
              <li>
                <a href="#">
                  资金管理
                </a>
              </li>
              <li>
                <a href="#">
                  我的收藏
                </a>
              </li>
              <li>
                <a href="#">
                  我的订单
                </a>
              </li>
            </ul>
          </div>
        </div>
        <!-- 二维码 -->
        <div class="qr_code">
          <!-- 左边第一个二维码 -->
          <div class="first_code">
            <div class="first_code_pic">
              <img src="../images/icon/ecjia_qrcode.jpg " width="104px" height="104px">
            </div>
            <div class="code_text">
              关注微信
            </div>
          </div>
          <!-- 第二个二维码 -->
          <div class="second_code">
            <div class="first_code_pic">
              <img src="../images/icon/ectouch_qrcode.jpg " width="104px" height="104px">
            </div>
            <div class="code_text">
              下载APP
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部的最下面 -->
    <div class="footer_end">
      <p>
        <a href="#">首页</a>
        <span></span>
        <a href="#"> 隐私保护 </a>
        <span></span>
        <a href="#">联系我们 </a>
        <span></span>
        <a href="#">免责条款 </a>
        <span></span>
        <a href="#"> 公司简介 </a>
        <span></span>
        <a href="#"> 商家入驻 </a>
        <span></span>
        <a href="#"> 供应商入驻 </a>
        <span></span>
        <a href="#"> 意见反馈 </a>
      </p>
      <p>
        <a href="#">b2b2c </a>
        <span></span>
        <a href="#"> 多用户商城系统 </a>
        <span></span>
        <a href="#"> 商城系统 </a>
        <span></span>
        <a href="#"> ecjia新零售 </a>
      </p>
      <p>
        <i>ICP备案证书号:</i>
        <a href="#" id="a_deepcolor">沪ICP备14029880号-5</a>
      </p>
      <p><a href="#" id="a_deepcolor">
          版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL
        </a>
      </p>
    </div>
  </div>
  <div class="aside_all">

    <!-- 左边黑色的部分 -->
    <div class="aside_left">
      <div class="aside">

        <ul>
          <li id="top_li">
            <div class="passhead">
              <div class="arros_white"></div>
              <div class="passhead_top">
                <div class="pic_bor"> <img src="../images/index/touxiang.jpg" alt=""></div>
                <span>用户名:暂无</span>
                <span>级别:暂无</span>
              </div>
              <div class="passhead_end">
                <a href="#" id="orderform">我的订单</a>
                <a href="#" id="orderform">我的收藏</a>
              </div>
            </div>


            <a href="#">
              <div class="message"></div>
            </a>
          </li>
          <li>
            <a href="#" id="car_picture">

              <div class="message1"></div>

              <div class="span">
                购物车
              </div>
              <div class="cart_num">0</div>

            </a>
          </li>
          <li class="list_li">
            <!-- 黑色小箭头 -->

            <div class="black_nav">
              <div class="black_arros"></div>
              我的订单
            </div>
            <a href="#">
              <div class="message message2"></div>
            </a>
          </li>
          <li class="list_li">

            <div class="black_nav">
              <div class="black_arros"></div>
              优惠券
            </div>
            <a href="#">
              <div class="message message3"></div>
            </a>
          </li>
          <li class="list_li">

            <div class="black_nav">
              <div class="black_arros"></div>
              我的资产
            </div>
            <a href="#">
              <div class="message message4"></div>
            </a>
          </li>
          <li class="list_li">

            <div class="black_nav">
              <div class="black_arros"></div>
              我的足迹
            </div>
            <a href="#">
              <div class="message message5"></div>
            </a>
          </li>
          <li class="list_li">

            <div class="black_nav">
              <div class="black_arros"></div>
              我的收藏
            </div>
            <a href="#">
              <div class="message message6"></div>
            </a>
          </li>
          <li class="list_li">

            <div class="black_nav">
              <div class="black_arros"></div>
              邮箱订阅
            </div>
            <a href="#">
              <div class="message message7"></div>
            </a>
          </li>
        </ul>

        <!-- 底部的测边框-->
        <div class="aside_foot">

          <ul>
            <li class="list_li">

              <div class="black_nav">
                <div class="black_arros"></div>
                客服中心
              </div>
              <a href="#">
                <div class="message message8"></div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="message message9"></div>
              </a>
            </li>
          </ul>


        </div>



      </div>
    </div>
    <!-- 右边的空白购物车部分 -->
    <div class="aside_right">

      <div class="ibar_plugin_title">
        购物车
        <button class="but_close"></button>
      </div>
      <!-- 商品部分 -->
      <div class="panel_content">
        <!-- 没商品时会出现 -->
        <div class="no_shopping">
          <img src="../images/index/cart-nogoods.png" alt="">
          <div class="font_shop">
            购物车空空的，赶快去挑选心仪的商品吧~<br>
            <a href="#"><span>去首页看看</span></a>
          </div>
        </div>
      </div>


      <!-- 最下面的结算 -->
      <div class="last_money">
        <!-- 商品数量 -->
        <span>共<span>0</span>件商品</span>
        <!-- 商品价格 -->
        <span class="font_red">¥ <i>0.00</i> </span>
        <!-- 去购物车结算 -->
        <a href="#" class="close_money">
          去购物车结算
        </a>
      </div>
    </div>
  </div>
  <script src="../js/order.js"></script>
  <script src="../js/public.js"></script>
</body>

</html>